<template>
	<div>
		<newHeader></newHeader>
		<swiperComponent></swiperComponent>
		<div class="m-content wrapbox clearfix">
			<div class="m-leftbar">

				<!-- s 热门tab -->
				<div class="m-hotnav">
					<ul class="clearfix">
						<li>
							<a href="javascript:;" >全部</a>
						</li>
						<li class="focus">
							<a href="javascript:;" @click="getArticle">文章</a>
						</li>
						<li>
							<a href="javascript:;" @click="getDiary">日记</a>
						</li>
						<li>
							<a href="javascript:;" @click="getInformation">资讯</a>
						</li>
						<li>
							<a href="javascript:;" @click="getCollection">收藏</a>
						</li>
					</ul>
				</div>
				<!-- e 热门tab -->

				<!-- s 标题列表 -->
				<div class="m-itemlist">

					<!-- s item -->
					<div class="m-itembox">
						<a class="btnmore" href="javascript:;" >查看全文</a>
						<div class="tit">
							<a href="#">抖音回应被新浪微博封杀: 希望同行能以开放的心态公平竞争</a>
						</div>
						<div class="time">03-24 10:06</div>
						<div class="txt">今日头条旗下短视频平台抖音对近日被新浪微博封杀一事作出回应。 在抖音品牌升级发布会上，抖音方面人士回应澎湃新闻记者的提问称：“微博对抖音的封杀，影响了用户的体验。 抖音现在还是聚焦在产品上，如何做出让用户更喜欢的抖音，是目前的工作重点。</div>
						<div class="ft clearfix">
							<div class="tips">
								<i class="s"></i>
								<span style="color:#B795F9;border-color:#B795F9;">cdc</span>
								<span style="color:#FF8DA9;border-color:#FF8DA9;">区块链</span>
								<span style="color:#3F9BFE;border-color:#3F9BFE;">监管政策</span>
							</div>

							<div class="list">
								<ul>
									<!-- 展开状态添加 class zan-up -->
									<li class="zan zan-up">
										<a href="javascript:;"><i class="s"></i>35</a>&nbsp;&nbsp;|&nbsp;&nbsp;
									</li>
									<li class="share">
										<a class="btn" href="javascript:;"><i class="s"></i>35</a>&nbsp;&nbsp;|&nbsp;&nbsp;
										<div class="sharebox">
											<span class="arr"></span>
											<a href="#"><img src="images/share-1.png" width="34" height="34" />复制链接</a>
											<a href="#"><img src="images/share-2.png" width="34" height="34" />复制链接</a>
											<a href="#"><img src="images/share-3.png" width="34" height="34" />复制链接</a>
											<a href="#"><img src="images/share-4.png" width="34" height="34" />复制链接</a>
											<span class="code"><img src="images/share-5.png" width="134" height="134"/></span>
										</div>
									</li>
									<li class="comment">
										<a href="javascript:;"><i class="s"></i>987</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- s item -->

					<!-- s item -->
					<div class="m-itembox">
						<a class="btnmore" href="javascript:;">查看全文</a>
						<div class="tit">
							<a href="#">抖音回应被新浪微博封杀: 希望同行能以开放的心态公平竞争抖音回应被新浪微博封杀: 希望同行能以开放的心态公平竞争抖音回应被新浪微博封杀: 希望同行能以开放的心态公平竞争</a>
						</div>
						<div class="time">03-24 10:06</div>
						<div class="txt">今日头条旗下短视频平台抖音对近日被新浪微博封杀一事作出回应。 在抖音品牌升级发布会上，抖音方面人士回应澎湃新闻记者的提问称：“微博对抖音的封杀，影响了用户的体验。 抖音现在还是聚焦在产品上，如何做出让用户更喜欢的抖音，是目前的工作重点。今日头条旗下短视频平台抖音对近日被新浪微博封杀一事作出回应。 在抖音品牌升级发布会上，抖音方面人士回应澎湃新闻记者的提问称：“微博对抖音的封杀，影响了用户的体验。 抖音现在还是聚焦在产品上，如何做出让用户更喜欢的抖音，是目前的工作重点。今日头条旗下短视频平台抖音对近日被新浪微博封杀一事作出回应。 在抖音品牌升级发布会上，抖音方面人士回应澎湃新闻记者的提问称：“微博对抖音的封杀，影响了用户的体验。 抖音现在还是聚焦在产品上，如何做出让用户更喜欢的抖音，是目前的工作重点。</div>
						<div class="ft clearfix">
							<div class="tips">
								<i class="s"></i>
								<span style="color:#B795F9;border-color:#B795F9;">cdc</span>
								<span style="color:#FF8DA9;border-color:#FF8DA9;">区块链</span>
								<span style="color:#3F9BFE;border-color:#3F9BFE;">监管政策</span>
							</div>

							<div class="list">
								<ul>
									<!-- 展开状态添加 class zan-up -->
									<li class="zan zan-up">
										<a href="javascript:;"><i class="s"></i>987</a>&nbsp;&nbsp;|&nbsp;&nbsp;
									</li>
									<li class="share">
										<a class="btn" href="javascript:;"><i class="s"></i>35</a>&nbsp;&nbsp;|&nbsp;&nbsp;
										<div class="sharebox">
											<span class="arr"></span>
											<a href="javascript:;"><img src="images/share-1.png" width="34" height="34" />复制链接</a>
											<a href="javascript:;"><img src="images/share-2.png" width="34" height="34" />复制链接</a>
											<a href="javascript:;"><img src="images/share-3.png" width="34" height="34" />复制链接</a>
											<a href="javascript:;"><img src="images/share-4.png" width="34" height="34" />复制链接</a>
											<span class="code"><img src="images/share-5.png" width="134" height="134"/></span>
										</div>
									</li>
									<li class="comment">
										<a href="javascript:;"><i class="s"></i>987</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- s item -->

				</div>
				<!-- e 标题列表 -->

				<!-- s 评论模块 -->
				<div class="m-comment">
					<div class="setmsg">
						<textarea name="" rows="" cols="" placeholder="说点什么..."></textarea>
						<p class="btn">
							<a href="javascript:;">发表评论</a>
						</p>
					</div>

					<div class="m-comment-list">
						<span class="pic">
    		            <img src="images/img01.png" width="62" height="62" alt="" />
    		        </span>
						<div class="hd clearfix">
							<ul class="cxbar">
								<li>
									<a href="javascript:;"><i class="s sed"></i>8763</a>
								</li>
								<li>
									<a href="javascript:;">回复</a>
								</li>
								<li>
									<a href="javascript:;">举报</a>
								</li>
							</ul>
							<span class="name">头条资讯</span>
						</div>

						<div class="bd">
							<p class="txt">评论内容评论内容评论内容评论内容</p>
						</div>
					</div>

					<div class="m-comment-list">
						<span class="pic">
                        <img src="images/img01.png" width="62" height="62" alt="" />
                    </span>
						<div class="hd clearfix">
							<ul class="cxbar">
								<li>
									<a href="javascript:;"><i class="s"></i>8763</a>
								</li>
								<li>
									<a href="javascript:;">回复</a>
								</li>
								<li>
									<a href="javascript:;">举报</a>
								</li>
							</ul>
							<span class="name">头条资讯</span>
						</div>

						<div class="bd">
							<p class="txt">评论内容评论内容评论内容评论内容</p>

							<!-- s 回复输入框 -->
							<div class="reply">
								<textarea name="" rows="" cols="" placeholder="回复 风清扬"></textarea>
								<p class="btn">
									<a href="javascript:;">回复</a>
								</p>
							</div>
							<!-- e 回复输入框 -->
						</div>
					</div>

					<div class="m-comment-list">
						<span class="pic">
                        <img src="images/img01.png" width="62" height="62" alt="" />
                    </span>
						<div class="hd clearfix">
							<ul class="cxbar">
								<li>
									<a href="javascript:;"><i class="s"></i>8763</a>
								</li>
								<li>
									<a href="javascript:;">回复</a>
								</li>
								<li>
									<a href="javascript:;">举报</a>
								</li>
							</ul>
							<span class="name">头条资讯</span>
						</div>

						<div class="bd">
							<p class="txt">评论内容评论内容评论内容评论内容</p>

							<!-- s 回复留言 -->
							<div class="leavemsg">

								<div class="lmlist">
									<a class="det" href="javascript:;">删除</a>
									<p>七月与流火：</p>
									<p>长大了自己能养活自己，就可以远离他了。</p>
								</div>
								<div class="lmlist">
									<a class="det" href="javascript:;">删除</a>
									<p>七月与流火：</p>
									<p>长大了自己能养活自己，就可以远离他了。</p>
								</div>

							</div>
							<!-- e 回复留言 -->
						</div>
					</div>

					<!-- s 点击加载更多-->
					<a href="#" class="morebtn">
						<span></span>
					</a>
					<!-- e 点击加载更多-->

					<!-- s 弹窗 -->
					<div class="m-alertbox m-alertbox01">
						<div class="hd">
							<h2>举报</h2>
							<a href="javascript:;" class="close"><span>关闭</span></a>
						</div>
						<div class="bd">
							<p class="t">请选择举报项目</p>
							<ul>
								<li>
									<input type="checkbox" name="" id="male" />
									<label for="male">举报项一举报项一举报项一</label>
								</li>
								<li>
									<input type="checkbox" name="" id="male2" />
									<label for="male2">举报项一举报项一举报项一</label>
								</li>
								<li>
									<input type="checkbox" name="" id="male2" />
									<label for="male2">举报项一举报项一举报项一</label>
								</li>
							</ul>
							<p class="t">其它</p>
							<textarea name="" rows="" cols="" placeholder=""></textarea>
							<p class="btn">
								<a href="javascript:;">提交举报</a>
							</p>
						</div>
					</div>
					<!-- e 弹窗 -->

					<!-- s 弹窗 -->
					<div class="m-alertbox m-alertbox02">
						<div class="hd">
							<h2>提示</h2>
							<a href="javascript:;" class="close"><span>关闭</span></a>
						</div>
						<div class="bd">
							<p class="t">确认删除该评论？</p>
						</div>
						<div class="ft">
							<a href="javascript:;">取消</a>
							<a href="javascript:;">确认</a>
						</div>
					</div>
					<!-- e 弹窗 -->

				</div>
				<!-- e 评论模块 -->

				<!-- s 翻页 -->
				<div class="pagination">
					<a class="prev" href="javascript:;">下一页</a>
					<a class="cur" href="javascript:;">1</a>
					<a href="javascript:;">2</a>
					<a href="javascript:;">3</a>
					<span>...</span>
					<a href="javascript:;">999</a>
					<a class="next" href="javascript:;">下一页</a>
				</div>
				<!-- e 翻页 -->

			</div>

			<div class="m-rightbar">
				<!-- S 侧边栏 -->
				<div class="m-player">
					<p class="pic"><img src="images/img01.png" width="80" height="80" /></p>
					<p class="name">Sunny大珺</p>
					<div class="numbox">
						<a href="javascript:;" class="gz">
							<p>关注</p>
							<p>5698</p>
						</a>
						<a href="javascript:;" class="fc">
							<p>粉丝</p>
							<p>5698</p>
						</a>
					</div>
					<p class="txt">具体个人介绍文字具体个人介绍文字具体个人介绍介绍文字具体个介绍</p>
				</div>

				<div class="m-rank">
					<div class="hd">
						<h2 class="sider-title">达人榜</h2>
						<a class="more" href="javascript:;">更多&nbsp;&gt;</a>
					</div>
					<div class="bd">
						<ul class="list">
							<li>
								<div class="btn">
									<span class="pic"><img src="images/img01.png" width="40" height="40" /></span>
									<p class="name">海鹚</p>
									<p class="time">3628 粉丝</p>
									<a class="addfocus" href="javascript:;">+ 关注</a>
								</div>
								<p class="txt">具体个人介绍文字具体个人介绍文字具体个人介绍</p>
							</li>
							<li>
								<div class="btn">
									<span class="pic"><img src="images/img01.png" width="40" height="40" /></span>
									<p class="name">海鹚</p>
									<p class="time">3628 粉丝</p>
									<a class="addfocus" href="javascript:;">+ 关注</a>
								</div>
								<p class="txt">具体个人介绍文字具体个人介绍文字具体个人介绍</p>
							</li>
							<li>
								<div class="btn">
									<span class="pic"><img src="images/img01.png" width="40" height="40" /></span>
									<p class="name">海鹚</p>
									<p class="time">3628 粉丝</p>
									<a class="addfocus" href="javascript:;">+ 关注</a>
								</div>
								<p class="txt">具体个人介绍文字具体个人介绍文字具体个人介绍</p>
							</li>
							<li>
								<div class="btn">
									<span class="pic"><img src="images/img01.png" width="40" height="40" /></span>
									<p class="name">海鹚</p>
									<p class="time">3628 粉丝</p>
									<a class="addfocus" href="javascript:;">+ 关注</a>
								</div>
								<p class="txt">具体个人介绍文字具体个人介绍文字具体个人介绍</p>
							</li>
						</ul>
					</div>
				</div>
				<!-- E 侧边栏 -->
			</div>

		</div>
		<bottom></bottom>
	</div>
</template>

<script>
	 import newHeader from '@/components/NewHeader'
	 import bottom from '@/components/Bottom'
	 import swiperComponent from '@/components/SSwiper'
	 import {mapGetters} from 'vuex'
	 
	export default{
		components: {
           bottom,
           newHeader,
           swiperComponent,
        },
        data(){
        	return{
        		article:[],
//      		focuslist:[
//      		  {name:'文章';type:1},{name:'日记';type:2},{name:'资讯';type:3},{name:'收藏';type:4}
//      		]
        	}
        },
        mounted(){
        	
        },
        methods:{
//      	获取文章
        	getArticle(){
        		let params = {
        			"condition": {"type": 1},
                    "current": 0,
                    "pages": 0,
                    "size": 0,
                    "total": 0,  
        		}
        		 this.$post('/content/queryMyAttentionContentList', params).then(response => {
                 this.$check(response)
                 this.article = response.data
                 console.log(this.article)
              })
        	},
//      	获取日记
             getDiary(){
             	
             },
//          获取资讯
            getInformation(){
            	
            },
//         获取收藏
           getCollection(){
           	  
           },
//          获取个人信息
           getMysel(){
           	   
           }
        }
	}
</script>
   
<style>
</style>